<el-dialog :close-on-click-modal="false"  :close-on-press-escape="false"  class="dialogStyleBase" title="导出报表" width="600px" :visible.sync="editVisible" :before-close="hideBox"
    append-to-body>
    <div v-loading="false">
        <LayoutCell>

            <el-form label-position="left" label-width="120px" :model="exportData">
                <div class="box">
                    <el-form-item label="名称">
                        <el-input clearable v-model="exportData.name.value" placeholder="请输入品牌名称" style="width:100%">
                        </el-input>
                    </el-form-item>
                    <el-form-item label="上架状态">
                        <div class="item">
                             <el-radio-group  v-model="exportData.publishStatus.value" size="mini" >
                                <el-radio :label="null" >全部</el-radio>
                                <el-radio :label="0" >上架</el-radio>
                                <el-radio :label="1" >下架</el-radio>
                                <el-radio :label="2" >售罄</el-radio>
                              </el-radio-group>                        
                        </div>
                    </el-form-item>
                    <el-form-item label="分组">
                        <el-cascader placeholder="试试搜索类目名称" style="width:100%" v-model="exportGroupsIds" clearable
                            :options="groupsOptions">
                        </el-cascader>
                    </el-form-item>
                    <el-form-item label="商品标签">
                        <el-select placeholder="请选择..." v-model="exportData.labelIdLst.value" multiple
                            style="width:100%">
                            <el-option v-for="item in labelOptions" :key="item.value" :label="item.label"
                                :value="item.value">
                            </el-option>
                        </el-select>
                    </el-form-item>

                    <el-form-item label="商品品牌">
                        <el-select placeholder="请选择..." v-model="exportData.brandIdLst.value" multiple
                            style="width:100%">
                            <el-option v-for="item in brandOptions" :key="item.value" :label="item.label"
                                :value="item.value">
                            </el-option>
                        </el-select>
                    </el-form-item>

                    <el-form-item label="商品属性">
                        <el-select placeholder="请选择..." v-model="exportData.attributeValueIdLst.value" multiple
                            style="width:100%">
                            <el-option v-for="item in arrtOptions" :key="item.value" :label="item.label"
                                :value="item.value">
                            </el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item label="商品服务">
                        <el-select placeholder="请选择..." v-model="exportData.serveValueIdLst.value" multiple
                            style="width:100%">
                            <el-option v-for="item in serveOptions" :key="item.value" :label="item.label"
                                :value="item.value">
                            </el-option>
                        </el-select>
                    </el-form-item>

                    <el-form-item label="价格区间">
                        <div class="item" style="display: flex;">
                                <div class="l" style="width: 200px;">
                                    <el-input-number style="width:100%;" v-model="exportData.minPrice.value"
                                        controls-position="right" :min="0" :max="exportData.maxPrice.value">
                                    </el-input-number>
                                </div>
                                <div class="c" style="padding-left:15px;padding-right: 20px;">至</div>
                                <div class="r"  style="width: 200px;">
                                    <el-input-number style="width:100%" v-model="exportData.maxPrice.value"
                                        controls-position="right" :min="exportData.minPrice.value" :max="1000000">
                                    </el-input-number>
                                </div>
                            </div>
                           
                    </el-form-item>
                    <el-form-item label="上下架日期">
                        <div class="item">
                            <el-date-picker
                            v-model="dateData"
                            @change="dateSelect"
                            type="datetimerange"
                            value-format="yyyy-MM-dd HH:mm:ss"
                            range-separator="至"
                            start-placeholder="开始日期"
                            end-placeholder="结束日期">
                          </el-date-picker>
                        </div>
                    </el-form-item>
                </div>

                <!-- <div class="footer">
                    <el-button @click="clearExport">
                        清空条件
                    </el-button>
                    <el-button type="primary" @click="exportTable">导出</el-button>
                </div> -->


            </el-form>
        </LayoutCell>


    </div>

    <div slot="footer">
        <el-row>
            <el-col :span="12" style="text-align: left;">
                <el-button @click="clearExport()">清空条件</el-button>
            </el-col>
            <el-col :span="12">
                <el-button type="primary" @click="exportTable()">导出</el-button>
            </el-col>
        </el-row>
    </div>


</el-dialog>